<!DOCTYPE html>

<head xmlns:v-bind="http://www.w3.org/1999/xhtml">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>局域网精灵-专业版</title>
    <link rel="icon" href="favicon.ico" />
    <link rel="stylesheet" href="res/css/materialize.min.css">
    <script src="res/js/materialize.min.js"></script>
    <script src="res/js/vars.js"></script>
    <script src="res/js/vue.js"></script>
    <style>
        .wordLeft {
            margin-left: 10px;
        }
    </style>
    <script type="text/javascript">
        function check_os() {
            if (navigator.userAgent.indexOf("Windows") != -1) {
                return "windows"
            }
            if (navigator.userAgent.indexOf("Android") != -1) {
                return "android"
            }
            if (navigator.userAgent.indexOf('Macintosh') != -1) {
                return "darwin"
            }
            if (navigator.userAgent.indexOf('iPhone') != -1) {
                return "ios"
            }
            return "linux"
        }
        function submit() {
            location.href = 'http://' + window.server + '/api-v3/jywjl/web'
        }
        function download() {
            switch (check_os()) {
                case 'windows':
                    location.href = app.url_windows
                    break;
                case 'darwin':
                    location.href = app.url_darwin
                    break;
                case 'linux':
                    location.href = app.url_linux
                    break;
                case 'android':
                    location.href = app.url_android
                    break;
                case 'ios':
                    location.href = app.url_ios
                    break;
            }
        }
    </script>
</head>

<body>
    <nav class="nav-extended cyan">
        <div class="nav-wrapper">
            <a href="#" class="brand-logo wordLeft" style="font-size: 20px;">局域网精灵专业版</a>
            <a href="#" data-target="mobile-demo" class="sidenav-trigger">
                <span class="fa fa-bars" aria-hidden="true">菜单</span>
            </a>
            <ul id="nav-mobile" class="right hide-on-med-and-down">
                <li><a href="price.html">价格</a></li>
                <li><a href="/download.html">下载</a></li>
                <li><a href="javascript:;" onclick="submit()">云剪切板</a></li>
                <li><a href="contact.html">联系作者</a></li>
            </ul>
        </div>
        <div class="nav-content">
        </div>
    </nav>

    <ul class="sidenav" id="mobile-demo">
        <li><a href="price.html">价格</a></li>
        <li><a href="/download.html">下载</a></li>
        <li><a href="#" onclick="submit()">云剪切板</a></li>
        <li><a href="contact.html">联系作者</a></li>
    </ul>
    <div id="app"
        style="display: flex;flex-direction: column;align-items: center;min-height: 900px;background-image: url(/res/image/site_background.jpeg)">
        <h4 style="color: white">局域网精灵 - 专业版</h4>
            <a style="color: red;" href="https://lan-genius.com/download.html">!!当前版本不再维护，点击跳转到新版本!!</a> 
        <h5 style="color: white">功能强劲！ <a class="btn waves-effect waves-light" href="price.html">
                立即购买
            </a> </h5>
        <div
            style="display:flex;flex-direction: row; max-width: 600px;width: 80%;align-items: center;justify-content: space-around">
            <img style="width: 40%; margin: 10px" src="res/image/android_screenshot.jpg">
            <img style="width: 60%; margin: 10px" src="res/image/desktop_screenshot.png">
        </div>
        <div style="margin-top: 10px;">
            <button class="btn waves-effect waves-light" type="button" name="download" id="download"
                onclick="download()">立即下载
            </button>
            <a class='dropdown-trigger btn-flat' style="color: white" href='#' data-target='dropdown1'>其他版本</a>
            <!-- Dropdown Structure -->
            <ul id='dropdown1' class='dropdown-content'>
                <li><a v-bind:href='url_android'>安卓</a></li>
                <li class="divider" tabindex="-1"></li>
                <li><a v-bind:href='url_windows'>Windows</a></li>
                <li><a v-bind:href='url_darwin'>Mac OS</a></li>
                <li><a v-bind:href='url_linux'>Linux 64位</a></li>
                <li><a v-bind:href="url_ios">iOS</a>
                </li>
            </ul>
        </div>
    </div>
    <script>
        app = new Vue({
            el: '#app',
            data: {
                url_android: urls.android,
                url_windows: urls.windows,
                url_linux: urls.linux,
                url_darwin: urls.darwin,
                url_ios: urls.ios
            }
        })
        M.AutoInit()
        if (location.href.endsWith("#my-home-page")) {
            submit()
        }
    </script>
</body>

</html>